<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Text to Voice</title>
	<link rel="stylesheet" href="../assets/css/textToVoice.css" />
</head>
<body>
    <div class="main">
        <h1>Text to Voice</h1>
        <select name="voice" id="voices">
            <option value="">Select A Voice</option>
        </select>
        <label for="rate">Rate:</label>
        <input name="rate" type="range" min="0" max="3" value="1" step="0.1" />
        <label for="pitch">Pitch:</label>
        <input name="pitch" type="range" min="0" max="2" step="0.1" />
        <label for="text">Text:</label>
        <textarea name="text">
            Welcome to Awesome JavaScript Projects !!!
        </textarea>
        <div class="buttons">
            <button id="speak">Speak</button>
            <button id="stop">Stop</button>
        </div>
    </div>
    <script src="../assets/js/textToVoice.js"></script
</body>
</html>